/* 全局通用style */

  ul,
  li,
  p,
  div,
  textarea, td, {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 16px;
    color: #333;
  }

a {
  .cursorPointer();
  text-decoration: none;
}

html,
body,
ul,
li,
p,h1,h2,h3,h4,h5,h6 {
  padding: 0;
  margin: 0;
}
body {
  width: 100%;
  background-color: #f3f3f3;
}

input {
  outline: none
}


.picvcode {
  min-width: 80px;
}

.f-c-gray {
  color: #8D8D8D;
}

.f-flex {
  display: flex;
}
.f-shadow{
  box-shadow: 0 2px 4px rgba(100,100,100,0.3);
}
.f-radius{
  border-radius: 5px;
}
.f-hidden {
  display: none;
}

.f-show {
  display: block;
}

.f-ml-10 {
  margin-left: 10px;
}

.f-ml-20 {
  margin-left: 20px;
}

.f-mr-10 {
  margin-right: 10px;
}
.f-mr-0 {
  margin-right: 0!important;
}

.f-mr-20 {
  margin-right: 20px;
}

.f-pointer {
  cursor: pointer;
}

.f-c-9 {
  color: #999;
}
.f-c-6 {
  color: #666;
}
.f-c-3 {
  color: #333;
}
.f-c-blue{
  color: #00A0E8!important;
}
.f-c-green {
  color: #1BBC9B!important;
}
.f-c-red {
  color: #FF0000!important;
}
.f-clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.f-clearfix {
  zoom: 1;
}

.f-container {
  width: 1200px;
  margin: 0 auto;
}

#wrapper {
  display: flex;
  margin-top: 20px;
  align-items: flex-start;
}

.u-imgcon {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  img {
    width: 100%;
  }
  &.u-imgcon-square{
    border-radius: 0;
  }
  &.u-imgcon-bordered{
    border: 1px solid #ddd;
  }
  .masking{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(51,51,51,0.6);
    position: absolute;
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
  }
}
.m-main {
  width: 930px;
  margin-bottom: 20px;
  background: rgba(255,255,255,1);
  box-sizing: border-box;
}
